          <?php echo $this->Session->flash(); ?>
          <div class="row">
            <div class="span9">
              <form id="formulario"
                    class="form-horizontal"
                    action="<?php echo $this->Html->url(array('controller' => 'viagens', h($viagem['Viagem']['id']))); ?>"
                    method="post"
                    accept-charset="utf-8">
                <fieldset>
                  <legend>
                    Cadastro
                    <?php echo $this->Html->image('ajax-loader.gif', array('id' => 'ajax-loader', 'alt' => __d("contatos", "Carregando..."))); ?>
                  </legend>
                  <div class="control-group required">
                    <label class="control-label" for="ViagemDataPartida">Data de Partida</label>
                    <div class="controls">
                      <input class="span3"
                             id="ViagemDataPartida"
                             type="date"
                             name="data[Viagem][data_partida]"
                             tabindex="1"
                             data-rules="{rules:{required:true,date:true,messages:{required:'Obrigatório',date:'Data inválida'}}}"
                             required
                             value="<?php echo $this->Time->format('d/m/Y', $viagem['Viagem']['data_partida']); ?>">
                      <span class="help-inline"></span>
                    </div>
                  </div>
                  <div class="control-group required">
                    <label class="control-label" for="ViagemHoraPartida">Horário de Partida</label>
                    <div class="controls">
                      <input class="span3"
                             id="ViagemHoraPartida"
                             type="time"
                             name="data[Viagem][hora_partida]"
                             tabindex="2"
                             data-rules="{rules:{required:true,messages:{required:'Obrigatório'}}}"
                             required
                             value="<?php echo h($viagem['Viagem']['hora_partida']); ?>">
                      <span class="help-inline"></span>
                    </div>
                  </div>
                  <div class="control-group required">
                    <label class="control-label" for="ViagemMunicipioOrigem">Município de Origem</label>
                    <div class="controls">
                      <input id="ViagemMunicipioOrigemId"
                             type="hidden"
                             name="data[Viagem][municipio_origem_id]"
                             value="<?php echo h($viagem['Viagem']['municipio_origem_id']); ?>">
                      <div class="input-append">
                        <input class="span3"
                               id="ViagemMunicipioOrigemDescricao"
                               type="text"
                               name="data[Viagem][municipio_origem_descricao]"
                               tabindex="3"
                               data-rules="{rules:{required:true,messages:{required:'Obrigatório'}}}"
                               placeholder="Digite o nome do município para consultar..."
                               title="Digite o nome do município para consultar e então o selecione na lista de resultados."
                               required
                               value="<?php echo h($viagem['MunicipioOrigem']['nome']); ?>">
                        <button class="btn" id="limparMunicipioOrigem" type="button"><i class="icon-ban-circle"></i></button>
                      </div>
                      <span class="help-inline"></span>
                    </div>
                  </div>
                  <div class="control-group required">
                    <label class="control-label" for="ViagemMunicipioDestino">Município de Destino</label>
                    <div class="controls">
                      <input id="ViagemMunicipioDestinoId"
                             type="hidden"
                             name="data[Viagem][municipio_destino_id]"
                             value="<?php echo h($viagem['Viagem']['municipio_destino_id']); ?>">
                      <div class="input-append">
                        <input class="span3"
                               id="ViagemMunicipioDestinoDescricao"
                               type="text"
                               name="data[Viagem][municipio_destino_descricao]"
                               tabindex="4"
                               data-rules="{rules:{required:true,messages:{required:'Obrigatório'}}}"
                               placeholder="Digite o nome do município para consultar..."
                               title="Digite o nome do município para consultar e então o selecione na lista de resultados."
                               required
                               value="<?php echo h($viagem['MunicipioDestino']['nome']); ?>">
                        <button class="btn" id="limparMunicipioDestino" type="button"><i class="icon-ban-circle"></i></button>
                      </div>
                      <span class="help-inline"></span>
                    </div>
                  </div>
                  <div class="control-group required">
                    <label class="control-label" for="ViagemVeiculo">Veículo</label>
                    <div class="controls">
                      <select class="span3"
                              id="ViagemVeiculo"
                              name="data[Viagem][veiculo_id]"
                              tabindex="5"
                              data-rules="{rules:{required:true,messages:{required:'Obrigatório'}}}"
                              required>
                        <?php foreach ($veiculos as $veiculo): ?>
                          <?php if ($viagem['Viagem']['veiculo_id'] === $veiculo['Veiculo']['id']): ?>
                            <option value="<?php echo h($veiculo['Veiculo']['id']); ?>" selected="true">
                              <?php echo h($veiculo['Veiculo']['descricao_detalhada']); ?>
                            </option>
                          <?php else: ?>
                            <option value="<?php echo h($veiculo['Veiculo']['id']); ?>">
                              <?php echo h($veiculo['Veiculo']['descricao_detalhada']); ?>
                            </option>
                          <?php endif; ?>
                        <?php endforeach; ?>
                      </select>
                      <span class="help-inline"></span>
                    </div>
                  </div>
                  <div class="control-group required">
                    <label class="control-label" for="ViagemAssentosDisponiveis">Assentos Disponíveis</label>
                    <div class="controls">
                      <input class="span3"
                             id="ViagemAssentosDisponiveis"
                             name="data[Viagem][assentos_disponiveis]"
                             type="number"
                             tabindex="6"
                             data-rules="{rules:{required:true,messages:{required:'Obrigatório'}}}"
                             required
                             value="<?php echo h($viagem['Viagem']['assentos_disponiveis']); ?>">
                      <span class="help-inline"></span>
                    </div>
                  </div>
                  <div class="control-group">
                    <label class="control-label" for="ViagemPreço">Preço</label>
                    <div class="controls">
                      <input class="span3"
                             id="ViagemPreco"
                             name="data[Viagem][preco]"
                             type="number"
                             tabindex="7"
                             value="<?php echo h($viagem['Viagem']['preco']); ?>">
                      <span class="help-inline"></span>
                    </div>
                  </div>
                  <div class="control-group">
                    <label class="control-label" for="ViagemObservacao">Observação</label>
                    <div class="controls">
                      <textarea class="span3"
                                id="ViagemObservacao"
                                name="data[Viagem][observacao]"
                                rows="3"
                                tabindex="8"><?php echo h($viagem['Viagem']['observacao']); ?></textarea>
                    </div>
                  </div>
                  <em class="required">Obrigatório</em>
                  <div class="form-actions">
                    <button type="reset" class="btn">Limpar</button>
                    <button type="submit" class="btn btn-primary">Salvar</button>
                  </div>
                </fieldset>
              </form>
            </div>
          </div>
          <?php echo $this->Html->script('app/formview'); ?>
          <script type="text/javascript">
            $(document).ready(function() {
              // Classe ExtendFormView {{{
              var ExtendFormView = FormView.extend({
                events: {
                  "click #limparMunicipioOrigem": "limparMunicipio",
                  "click #limparMunicipioDestino": "limparMunicipio",
                },
                initialize: function() {
                  FormView.prototype.initialize.call(this); // chama o método da super classe.
                  _.bindAll(this, "limparMunicipio");
                  //
                  $("#ViagemMunicipioOrigemDescricao").autocomplete({
                    source: "municipios/obterDadosParaAutoCompletar/" + $("#PessoaMunicipioDescricao").val(),
                    minLength: 3,
                    delay: 800,
                    select: function(event, ui) {
                      $(this).val(ui.item.label);
                      $("#ViagemMunicipioOrigemId").val(ui.item.id);
                      $(this).attr("readonly", "readonly").autocomplete("disable");
                      return false;
                    }
                  }).attr("readonly", "readonly").autocomplete("disable");
                  //
                  $("#ViagemMunicipioDestinoDescricao").autocomplete({
                    source: "municipios/obterDadosParaAutoCompletar/" + $("#PessoaMunicipioDescricao").val(),
                    minLength: 3,
                    delay: 800,
                    select: function(event, ui) {
                      $(this).val(ui.item.label);
                      $("#ViagemMunicipioDestinoId").val(ui.item.id);
                      $(this).attr("readonly", "readonly").autocomplete("disable");
                      return false;
                    }
                  }).attr("readonly", "readonly").autocomplete("disable");
                },
                limparFormulario: function(e) {
                  FormView.prototype.limparFormulario.call(this);  // chama o método da super classe.
                  $("#ViagemMunicipioOrigemDescricao").autocomplete("enable").removeAttr("readonly");
                  $("#ViagemMunicipioDestinoDescricao").autocomplete("enable").removeAttr("readonly");
                },
                limparMunicipio: function(e) {
                  $('#' + e.target.id).parents('div.input-append').prev('input[type=hidden]').val("");
                  $('#' + e.target.id).prev('input').autocomplete("enable").removeAttr("readonly").val("").focus();
                }
              });
              //}}}
              var extendFormView = new ExtendFormView({
                el: $("#formulario")
              });
            });
          </script>